<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div { background:#def3ca; margin:3px; width:80px; display:none; float:left; text-align:center; }
		</style>
		<script src="../课件/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$('#showr').click(function(){
					$('div').first().show('fast',function showNext(){
						$(this).next().show('fast',showNext);
					});
				});
				
				$('#hidr').click(function(){
					$('div').hide(1000);
				})
			});
		</script>
	</head>
	<body>
		<button id="showr">Show</button>
		<button id="hidr">Hide</button>
		<div>Hello 3,</div>
        <div>how</div>
		<div>are</div>
		<div>you?</div>
	</body>
</html>
